<template>
	<div class="tabbar3Content">
		<div class="user_common_headerBox">
			<image src="~@/static/images/unsplash_E8Ufcyxz514@2x.min.png" class="backImage" />
			<div class="header">
				<div class="head">
					<image 
						src="~@/static/images/defaultHead.jpg" 
						class="defaultHeadPic" 
						v-if="userInfo.avatarUrl==''"
					/>
					<image 
						:src="userInfo.avatarUrl" 
						class="defaultHeadPic" 
						v-else
					/>
					<div 
						class="headInfo" 
						v-if="userInfo.nickname==''&&userInfo.mobile==''"
					>
						<div class="it">
							<div class="fillInInfo">
								<div class="bkBox" @click="goToShowUserInfo()">
									<uni-icons type="paperplane-filled" size="18" color="#fff" class="composeIcon"></uni-icons> 马上去完善
								</div>
							</div>
						</div>
						<div class="it tipsText">
							完善资料已为您提供更好的服务
						</div>
					</div>
					<div class="headInfo" v-else>
						<div class="it name">
							<div 
								class="fillInInfo" 
								v-if="userInfo.nickname==''"
							>
								<div class="bkBox" @click="goToShowUserInfo()">
									<uni-icons type="paperplane-filled" size="18" color="#fff" class="composeIcon"></uni-icons> 马上去完善
								</div>
							</div>
							<div v-else>
								{{ userInfo.nickname }}
							</div>
						</div>
						<div class="it tel">
							<div 
								class="fillInInfo" 
								v-if="userInfo.mobile==''"
							>
								<div class="bkBox" @click="goToShowUserInfo()">
									<uni-icons type="paperplane-filled" size="18" color="#fff" class="composeIcon"></uni-icons> 马上去完善
								</div>
							</div>
							<div v-else>
								{{  hidePhoneNumber(userInfo.mobile) }}
							</div>
						</div>
					</div>
				</div>
				<div class="setting">
					<image 
						@click="goToPage({
							path:`/generalUser/userinfo/userinfo`,
							navType:'push'
						})"
						src="~@/static/images/icons_settings_3_line@2x.png" 
						class="settingIcon" 
					/>
				</div>
			</div>

			<div class="dataInfo">
				<div class="item">
					<div class="data">
						<div class="value">
							{{ userInfo.toDayOrder }}
						</div>
						<div class="tips">
							(单)
						</div>
					</div>
					<div class="title">
						今日订单
					</div>
				</div>


				<div class="item">
					<div class="data">
						<div class="value">
							{{ userInfo.toTalOrder }}
						</div>
						<div class="tips">
							(单)
						</div>
					</div>
					<div class="title">
						合计订单
					</div>
				</div>


				<div class="item">
					<div class="data">
						<div class="value">
							{{ userInfo.toDayUseMoney }}
						</div>
						<div class="tips">
							(元)
						</div>
					</div>
					<div class="title">
						今日消费
					</div>
				</div>


				<div class="item">
					<div class="data">
						<div class="value">
							{{ userInfo.toTalUseMoney }}
						</div>
						<div class="tips">
							(元)
						</div>
					</div>
					<div class="title">
						合计消费
					</div>
				</div>


			</div>

			<!-- <div class="myBarBox">
				<image src="~@/static/images/Frame_66.min.png" class="myBarPic" />
			</div> -->


		</div>

		<div class="bigContent">


			<div class="contentItem">

				<div class="contentTitle">
					<div class="title">
						我的订单
					</div>
					<div class="rightToBtn" @click="goToPage({
						path:'/generalUser/myOrder/myOrder',
						navType:'push',
						params:{
							t:0
						}
					})">
						<div>
							全部订单
						</div>
						<image src="~@/static/images/right.png" class="rightIcon" />
					</div>
				</div>
				<div class="tabList tabList1">
					<div class="item" @click="goToPage({
						path:'/generalUser/myOrder/myOrder',
						navType:'push',
						params:{
							t:3
						}
					})">
						<image src="~@/static/images/waitPay.png" class="tabIcon tabIcon1" />
						<div class="name">待付款</div>
					</div>

					<div class="item" @click="goToPage({
						path:'/generalUser/myOrder/myOrder',
						navType:'push',
						params:{
							t:4
						}
					})">
						<image src="~@/static/images/receipt.png" class="tabIcon tabIcon2" />
						<div class="name">待收货</div>
					</div>

					<div class="item" @click="goToPage({
						path:'/generalUser/myOrder/myOrder',
						navType:'push',
						params:{
							t:1
						}
					})">
						<image src="~@/static/images/success.png" class="tabIcon tabIcon2" />
						<div class="name">已完成</div>
					</div>

					<div class="item" @click="goToPage({
						path:'/generalUser/myOrder/myOrder',
						navType:'push',
						params:{
							t:2
						}
					})">
						<image src="~@/static/images/cancel.png" class="tabIcon" />
						<div class="name">已取消</div>
					</div>

					<div class="item" @click="goToPage({
						path:'/generalUser/myOrder/myOrder',
						navType:'push',
						params:{
							t:5
						}
					})">
						<image src="~@/static/images/return.png" class="tabIcon" />
						<div class="name">退款/售后</div>
					</div>


				</div>

			</div>




			<div class="contentItem">

				<div class="contentTitle">
					<div class="title">
						功能管理
					</div>
				</div>
				<div class="tabList">
					<div class="item" @click="goToPage({
						path:'/generalUser/address/address',
						navType:'push',
						params:{
							type:`view`
						}
					})">
						<image src="~@/static/images/icons__map_pin_fill@2x.png" class="tabIcon tabIcon1" />
						<div class="name">地址管理</div>
					</div>

					<div class="item" @click="goToPage({
							path:`/generalUser/userinfo/userinfo`,
							navType:'push'
						})">
						<image src="~@/static/images/icons_cellphone_line@2x.png" class="tabIcon tabIcon2" />
						<div class="name">我的资料</div>
					</div>

					<div class="item">
						<button open-type="contact" class="itemBtn">
							<image src="~@/static/images/icons_star_line@2x.png" class="tabIcon" />
							<div class="name">我的客服</div>
						</button>
					</div>

					<div class="item" @click="typeShowModal()">
						<image src="~@/static/images/icons_transfer_line@2x.png" class="tabIcon" />
						<div class="name">切换账户</div>
					</div>


				</div>

			</div>


			<div class="contentItem">

				<div class="contentTitle">
					<div class="title">
						更多推荐
					</div>
				</div>
				<div class="tabList">
					<div class="item" @click="noPermissions(`请联系客服进行商家入驻`)">
						<image src="~@/static/images/storeEnter.png" class="tabIcon tabIcon1" />
						<div class="name">商家入驻</div>
					</div>

					<div class="item" @click="noPermissions(`您暂无权限，请联系客服认证`)">
						<image src="~@/static/images/atToRider.png" class="tabIcon tabIcon2" />
						<div class="name">成为骑手</div>
					</div>

				</div>

			</div>




		</div>





	</div>
</template>

<script src="./tabbar3.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './tabbar3.styl';
</style>
